﻿@model qltscd.Models.ScreenClient.DanhMucHopDongScreenClient

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/Modules/_LayoutDanhMucNhapLieu.cshtml";
}
<script>
    function confirmXoa() {
        var idHD = document.getElementById('idHD').value;
        if (idHD == null || idHD == '-1') {
            alert("Chọn hợp đồng trước");
        } else {
            if (confirm("Bạn có muốn xóa hợp đồng này?")) {
                document.location = "/QuanLyThietBi/DanhMucHopDong/XoaHopDong?id=" + idHD;
            }
        }
    }

    function confirmSua() {
        var idHD = document.getElementById('idHD').value;
        if (idHD == null || idHD == '-1') {
            alert("Chọn hợp đồng trước");
        } else {
            document.location = "/QuanLyThietBi/DanhMucHopDong/SuaHopDong?id=" + idHD;
        }
    }

    function onCheck(id) {
        document.getElementById('idHD').value = id;
    }
</script>

<h2>Hợp đồng</h2>
<input type="hidden" value="-1" id="idHD" name="idHD"/>
@{
    Html.Telerik().Grid(Model.DSHopDong)
    .Name("grdDSHD")
    .DataKeys(keys => keys.Add(c => c.MaHopDong))
    .Resizable(r => r.Columns(true))
    .Reorderable(r => r.Columns(true))
    .Sortable()
    .Pageable(paging => paging.Enabled(true).Style(GridPagerStyles.NextPreviousAndInput).PageSize(10))
    //.Editable(editing => editing.Mode(GridEditMode.InCell))
    .ToolBar(t => {
        t.Custom()
            .ImageHtmlAttributes(new { @class = "t-icon t-add" })
            .Action("Create", "DanhMucHopDong")
            .ButtonType(GridButtonType.ImageAndText)
            .Text("Thêm hợp đồng");
        t.Custom()
                       .Text("Xóa hợp đồng")
                       .ButtonType(GridButtonType.ImageAndText)
                       .Url("#")
                       .HtmlAttributes(new { @onclick = "confirmXoa()" })
                       .ImageHtmlAttributes(new { @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/cross.png')" });
        t.Custom()
                   .Text("Sửa hợp đồng")
                   .ButtonType(GridButtonType.ImageAndText)
                   .Url("#")
                       .HtmlAttributes(new { @onclick = "confirmSua()" })
                   .ImageHtmlAttributes(new { @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/hammer.png')" });
        //t.SubmitChanges().ButtonType(GridButtonType.ImageAndText).SaveText("Lưu").CancelText("Hủy bỏ");
        t.Custom()
            .Text("In PDF")
            .Action("ShowPdf", "DanhMucHopDong")
            .ButtonType(GridButtonType.ImageAndText)
            .ImageHtmlAttributes(new {
                @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/printer.png');"
            });
        t.Custom()
            .Text("Xuất Excel")
            .Action("ExportToExcel", "DanhMucHopDong")
            .ButtonType(GridButtonType.ImageAndText)
            .ImageHtmlAttributes(new
            {
                @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/printer.png');"
            });
    })
    .DataBinding(databinding => {
        databinding.Server()
            .Select("Index", "DanhMucHopDong");
        databinding.Ajax()
            .Select("_Index", "DanhMucHopDong")
            .Insert("_Insert", "DanhMucHopDong")
            .Delete("_Delete", "DanhMucHopDong")
            .Update("_Update", "DanhMucHopDong");
    })
    .Columns(column => {
        column.Template(
               @<text>
                <input name="checkedrecords" type="radio" title="checkedrecords" value="@item.IdentityHopDong" onclick="onCheck(@item.IdentityHopDong)"/>
            </text>)
               .ClientTemplate("<input type='radio' name='checkedRecords' value='<#=IdentityHopDong#>' onclick='onCheck(<#=IdentityHopDong#>)'/>")
               .Width(30);
        column.Bound(o => o.MaHopDong).Title("Mã hợp đồng")
            @*.Template(@<text> <span onclick="openDetailsWindow('@item.IdentityHopDong')">@item.MaHopDong</span>
    </text>)
            .ClientTemplate("<span onclick='openDetailsWindow('<#=IdentityHopDong#>')'><#=MaHopDong#></span>")*@
           .Width(50);
        column.Bound(o => o.SoHopDong).Title("Số hợp đồng").Width(200);
        column.Bound(o => o.NgayKy).Title("Ngày ký").Width(100).Format("{0:dd/MM/yyyy}");
        //column.Bound(o => o.NguoiKy).Title("Người ký");
        //column.Bound(o => o.NoiDung).Title("Nội dung");
        column.Bound(o => o.TongKinhPhi).Title("Tổng kinh phí").Format("{0:#,##}");
        column.Bound(o => o.NgayThucHien).Title("Ngày thực hiện").Format("{0:dd/MM/yyyy}");
        @*column.Bound(o => o.ThoiGianThucHien).Title("Thời gian thực hiện")
            .Template(@<text>@item.ThoiGianThucHien ngày</text>)
            .ClientTemplate("<#=ThoiGianThucHien#> ngày");*@
    })
    .Render();
}
<script type="text/javascript">
    function openDetailsWindow(id) {
        var url = "/QuanLyThietBi/DanhMucHopDong/ThongTinHopDong/" + id;
        var windowElement = $.telerik.window.create({
            title: 'Thông tin hợp đồng',
            actions: ["Refresh", "Maximize", "Close"],
            contentUrl: url,
            modal: true,
            resizable: true,
            draggable: true,
            scrollable: true,
            visible: false,
            width: 1000,
            height: 650,
            id: 'detailsview',
            name: 'detailsview',
            onClose: function () {
                document.location = document.location;
            }
        });
        var w = $(windowElement).data("tWindow");
        w.center();
        w.open();
    }
</script>